@charset 'utf-8';

/* CSS Document */
a:hover { color: #333; }
a:active,a:visited,a:link{}
.flowh { overflow: hidden; }
.color1 { color: #03a0e8 !important; }
.color2 { color: #50d1ca !important; }
.color3 { color: #92cc23 !important; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.clearfix { zoom: 1; }
a { outline: 0; }

/***首页***/
.header { padding: 30px 0 0; background: url('../images/header/h_border.jpg') no-repeat top; }
.header .h-content { position: relative; margin: 0 3%; }
.header .logo { position: absolute; }
.header .nav { height: 84px; }
.header .nav > ul { line-height: 83px; position: relative; display: inline-block; width: 59%; }
.header .nav > ul > li:first-child { margin-left: 0; }
.header .nav > ul > li { font-size: 20px; float: left; margin-left: 6%;position:relative }
.header .nav > ul > li > a { padding: 5px 0; }
.header .nav > ul > li:hover > a, .header .nav > ul > li.active > a { color: #5a5858; border-bottom: 2px solid #00befc; }
.header .nav ul.navlist { line-height: 20px; position: absolute;top:84px;left:0; z-index: 2; width: 300px; height: 323px; text-align: left; color: #fff; background: #939292; }
.header .nav ul.navlist li { margin: 30px 0 0 20px; }
.header .nav ul.navlist li i { display: block; width: 80px; height: 2px; margin-top: 5px; }
.header .nav ul.navlist li:hover i { background: #fff; }
.header .nav ul.navlist li:hover a { color: #fff !important; }
.header .search { position: absolute; top: 25px; right: 0; text-align: center;display: inline-block; }
.header .search > a { line-height: 30px; display: inline-block; width: 30px; margin-right: 10px; color: #fff; background: #5a5858; }
.header .search > img { vertical-align: top}

/*主体内容*/
.mainindex { padding-bottom: 63px; background: url('../images/bdground.png') repeat; z-index: -1;position: relative;}
.mainindex .ibanner { position: relative; width: 93%; height: 547px; margin: 0 auto; }
.mainindex .bannerimg { overflow: hidden; width: 100%; height: 100%; }

/*.main .banner ul { width: 300%; }*/
/*.main .banner ul li { float: left; width: 33.333%;width:100%;height: 547px}
.main .banner ul img { float: left; width: 100%;}*/
.mainindex .ibanner ul li { width: 100%; height: 547px;max-width:1767px}
.mainindex .ibanner ul li a img { width: 100%; height: 100%; }


/*#slide{position:relative;width:1269px;height:547px;}
#slide .content{overflow:hidden;width:100%;height:100%;}
#slide .content ul li{width:1269px;height:547px;}
#slide .content ul li a{display:block;width:100%;height:100%;}
#slide .content ul li a img{width:100%;height:100%;}*/
.mainindex .ibanner i, .btn a { position: absolute; top: 50%; width: 86px; height: 86px; margin-top: -43px; }
.mainindex .ibanner i.arrLeft, .btnPrev { left: -43px; background: url('../images/index/arrow_left.png') no-repeat center; }
.mainindex .ibanner i.arrRight, .btnNext { right: -43px; background: url('../images/index/arrow_right.png') no-repeat center; }
.mainindex .intro { position: relative; width: 84%; margin: 0 auto; }
.mainindex .intro dl { line-height: 62px; margin: 30px 0; }
.mainindex .intro dt { font-size: 26px; float: left; width: 25%; background: #fff; }
.mainindex .intro dt span { margin-left: 30px; }
.mainindex .intro dd { font-size: 20px; float: left; width: 14.6%; margin-left: 4px; text-align: center; background: #fff; }
.mainindex .intro dd.active a { color: #b51014; }
.mainindex .introlist { margin: 30px 0; }
.mainindex .introlist li, .mainindex .introlist > div { float: left; background: #fff; }
.mainindex .introlist > div { width: 24.7%; }
.mainindex .introlist li { width: 32.8%; }
.mainindex .introlist li { margin: 0 0 4px  4px; }
.mainindex .introlist  .title h3 { font: normal 26px '微软雅黑'; margin: 30px 20px; }
.mainindex .introlist  .title h3 + p { font-size: 18px; line-height: 35px; margin: 0 20px; }
.mainindex .introlist li > img { display: block; width: 100%; }
.mainindex .introlist li > p { font-size: 24px; line-height: 130px; height: 130px; text-align: center; }
.mainindex .introlist .intrologo i { display: inline-block; height: 100%; vertical-align: middle; }
.mainindex .introlist .intrologo img { /*width: 60%; height: 74px;*/ vertical-align: middle; }

/*底部*/
.footer { color: #fff; background: url('../images/header/h_border.jpg') no-repeat top #888; }
.footlist { width: 84%; margin: 0 auto; padding: 70px 0; }
.footlist dl { float: left; width: 14.5%; height: 300px; padding-left: 2%; border-left: 1px solid #fff; }
.footlist dl:first-child { border: 0; }
.footlist dt { font-size: 20px; margin-bottom: 51px; }
.footlist dd { font-size: 18px; margin-bottom: 21px; }
.footinfo { font-size: 18px; padding: 60px 0; text-align: center; border-top: 1px solid #fff; }
.footinfo a:first-child { margin-left: 30px; }

/*关于盛高*/
.aboutwraper .picture { position: relative; width: 94%; margin: 0 auto; }
.aboutwraper .picture img { width: 100%; }
.aboutcontent { width: 84%; margin: 0 auto 64px; }
.aboutlist { position: relative; margin-top: -144px; }
.aboutlist ul { margin-left: -6px; }
.aboutlist li.list { float: left; width: 32.7%; margin-left: 6px; background: #fff; }
.aboutlist .list .about { height: 180px; margin: 30px 0 0 30px; }
.aboutlist .list h3 { font-size: 30px; font-weight: normal;cursor: pointer;}
.aboutlist .list p { font-size: 18px; line-height: 30px; margin-top: 20px; }
.aboutlist .list h3 span { display: block; float: left; width: 34px; height: 34px; margin: 3px 20px 0 0; background: url(../images/icon01.png) no-repeat; }
.aboutlist .list2 h3 span { background-position: -34px 0; }
.aboutlist .list3 h3 span { background-position: -68px 0; }
.aboutlist .list.active,.aboutlist .list:hover { color: #fff; }
.aboutlist .list1.active,.aboutlist .list1:hover { background: #03a0e8; }
.aboutlist .list2.active,.aboutlist .list2:hover { background: #50d1ca; }
.aboutlist .list3.active,.aboutlist .list3:hover { background: #92cc23; }
.aboutlist .list1.active h3 span,.aboutlist .list1:hover h3 span { background-position: 0 -34px; }
.aboutlist .list2.active h3 span,.aboutlist .list2:hover h3 span{ background-position: -34px -34px; }
.aboutlist .list3.active h3 span..aboutlist .list1:hover h3 span{ background-position: -68px -34px; }
.aboutlist .list .more { font-size: 20px; display: block; padding: 25px 30px 25px 0; text-align: right; border-top: 1px solid #e3e6e9; }
.aboutlist .list .more i { display: inline-block; width: 25px; height: 25px; margin-left: 10px; vertical-align: bottom; background: url('../images/more_grey.png'); }
.aboutlist .list.active .more i,.aboutlist .list:hover .more i { background: url(../images/more_white.png) no-repeat; }
.aboutintro { font-size: 18px; line-height: 30px; position: relative; min-height: 500px; margin-top: 37px; padding: 40px 0; background: #fff; }
.aboutintro .san { position: absolute; top: -37px; left: 16.4%; width: 76px; height: 37px; margin-left: -38px; background: url(../images/san_03.png) no-repeat; }
.aboutintro2 .san { left: 49.2%; }
.aboutintro3 .san { left: 82%; }
.aboutintro .aboutleft { line-height: 50px; float: left; width: 32.8%; }
.aboutintro .aboutleft h1 { font-size: 40px; font-weight: normal; margin-left: 40px; color: #04a0e8; }
.aboutintro .aboutleft h2 { font-size: 30px; font-weight: normal; margin-top: 10px; margin-left: 40px; color: #a7a7a7; }
.aboutintro dl { margin-bottom: 43px; }
.aboutintro  dt { font-weight: bold; margin-bottom: 5px; }
.aboutintro .aboutcenter { float: left; width: 33%; padding-right: 5%; }
.aboutintro .abouttxt { line-height: 40px; overflow: hidden; }
.arrowup { margin: -37px 20px 0 0; }